<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/区块链.css">
    <link rel="stylesheet" href="css/区块链.less">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/btn.js"></script>
</head>
<body>
    <!-- 导航条 -->
    <nav class="navbar navbar-inverse">
            <div class="container-fluid">
              <!-- Brand and toggle get grouped for better mobile display -->
              
              <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="img/logo.png" alt="" style="margin:-15px 0 0 70px; "></a>
              </div>
          
              <!-- Collect the nav links, forms, and other content for toggling -->
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                   
                <ul class="nav navbar-nav" style="margin-left:250px;padding-top: 10px;">
                  <li class="active"><a href="#" style="background: none;color:none;">首页</a></li>
                  <li><a href="#">产品</a></li>
                  <li><a href="#">解决方案</a></li>
                  <li><a href="#">开发者中心</a></li>
                  <li><a href="#">案例</a></li>
                  <li><a href="#">众包平台</a></li>
                  <li><a href="#">教育</a></li>
                  <li><a href="#">区块链实验室</a></li>
                  <li><a href="#">社区</a></li>
                  <li><a href="#">关于我们</a></li>
                
                </ul>
                
                <ul class="nav navbar-nav navbar-right">
                  <li><a href="#">
                    <div style="width: 30px;height: 30px;border-radius: 30px;background: aqua; margin-right:150px;">
                      <p style="font-size: 18px;padding:5px 0 0 2px;">EN</p>

                    </div>
                    <!-- <span  style="border-radius: 20px;background:aqua;font-size: 20px;">EN</span></a></li> -->
               
                </ul>
           
              </div><!-- /.navbar-collapse -->
           
        </div><!-- /.container-fluid -->
          </nav>
          <!-- 大图 -->
         <div class="picture">
         <div class="container">
            <div class="kv">
              <div class="kv1" >
                
              <img src="img/egretiaLogo.png" alt="">
              <img src="img/add.png" alt="">
              <img src="img/egretLogo.png" alt="">
              <p>区块链实验室</p>
            </div>
              <div class="kv2">
                  <a class="btn btn-default" href="#" role="button">立即使用</a>
              <!-- <button>立即使用</button> -->
            </div>
            </div>
            <div class="kv_tu"> 
              <img src="img/1.png" alt="">
            </div>
            
          </div>
         </div>
         <!-- 第二部分 -->
         <div class="part2"> 
           <div class="contain"> 
             <div class="lab tl fr col-sm-6 col-xs-12" >
                <!-- <div></div> --> 
                <ul class="square fr"> 
                  <li class="title-l wow fadeInUp" data-wow-duration="1s" style="font-weight: 300; visibility: visible; animation-duration: 1s; animation-name: fadeInUp;">Egretia Blockchain Lab </li> 
                  <li class="simsun wow fadeInUp" data-wow-duration="1s" style="margin-bottom: 15px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp;">白鹭联合海外合作伙伴创建了区块链实验室，授权实验室进行区块链相关技术的研发。目前，已有来自 Adobe、高通及游戏行业的专家加入了实验室，共同打造基于 HTML5 的区块链引擎及平台 Egretia。我们欢迎更多的行业专家、合作伙伴加入实验室。</li> 
                  <li class="simsun wow fadeInUp" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeInUp;">
            测试链即将近期开放，欢迎全球开发者申请内测资格，一起创建更多落地的区块链游戏与应用。后期我们还将评选优秀的产品与团队，给予孵化扶持与奖励。</li>
           </ul>
           </div>
            <div class=" col-sm-6 col-xs-12 t_bg fl"  > 
              <img src="img/2.png" alt="" class="img1 wow fadeInUp" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeInUp;"> 
              <img src="img/2.1.png" alt="" class="cartoon2 img2 animated fadeInDown2" data-wow-duration="1.5s"> 
              <img src="img/2.2.png" alt="" class="cartoon1 img3 animated fadeInDown2" data-wow-duration="2s"> 
           
            </div> 
          </div> 
        </div>
        <!-- 第三部分 -->
        <div class="part3"> 
            <div class="contain"> 
              <div class="cdk tl fr col-sm-6 col-xs-12" >
                 <!-- <div></div> --> 
                 <ul class="square fr"> 
                   <li class="title-l wow fadeInUp" data-wow-duration="1s" style="font-weight: 300; visibility: visible; animation-duration: 1s; animation-name: fadeInUp;">Egretia Blockchain SDK</li> 
                   <li class="simsun wow fadeInUp" data-wow-duration="1s" style="margin-bottom: 15px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp;">Egretia 区块链 SDK，可以让使用 Egretia 引擎工具的 HTML5 游戏轻松接入区块链，让开发者快速打造一款提供统一的数字钱包通行证、智能合约、交易等区块链功能的 HTML5 游戏及应用。</li> 
            </ul>
            </div>
             <div class=" col-sm-6 col-xs-12 t_bg fl"  > 
               <img src="img/3.png" alt="" class="img1 wow fadeInUp" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeInUp;"> 
               <img src="img/3.1.png" alt="" class="cartoon2 img2 animated fadeInDown2" data-wow-duration="1.5s"> 
            
             </div> 
           </div> 
         </div>
         
         <!-- 第四部分 -->

         <div class="part4"> 
            <div class="contain"> 
                <div class=" col-sm-6 col-xs-12 t_bg fl"  > 
                    <img src="img/4.jpg" alt="" class="img1 wow fadeInUp" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeInUp;"> 
                 
                  </div>
              <div class="egr tl fr col-sm-6 col-xs-12" >
                 <!-- <div></div> --> 
                 <ul class="square fr"> 
                   <li class="title-l" >Egretia特点</li> 
                   <li class="simsun " >HTML5游戏通过几行代码就可以实现游戏区块链化</li> 
                   <li class="simsun " >KYC Certification 可以将用户关键信息加密存储到区块链上</li>
                   <li class="simsun " >提供业务数据存储、对象存储、数据通信和验证服务</li>
                   <li class="simsun " >轻松结束数字钱包，便捷的调用只能合约接口</li>
                   <li class="simsun " >开发者可以接入Egretia的SDK，实现游戏间的虚拟道具交易</li>
            </ul>
            </div>
             
           </div> 
         </div>

         <!-- 尾部 -->
         <footer>
           <div class="foot" style="background-image: url(img/footer.png); ">
          <div class="foot-big">
             <div class="foot-left">
               <a href="">关于我们</a>
               <a href="">产品下载</a>
               <a href="">技术支持</a>
               <a href="">商务合作</a>
               <a href="">加入我们</a>
             </div>
              <div class="foot-right">
               <div id="right-top">
              <span>
                   <img src="img/qq.png" alt="" class="one">
                  </span>
                 <span>
                   <img src="img/wxf.png" alt="" class="two">
                   
                 </span>
                 <span>
                   <img src="img/sina.png" alt="" class="three">
                 </span>
                 <span> 
                   <img src="img/zhi.png" alt="" class="four">
                 
                 </span>
               </div> 
                <div class="email">
                 邮箱：bg@egret.com
               </div>
               <div class="foot-bj" >
                  <img class="hideImg1" src="img/5.png" alt="">
                  <img class="hideImg2" src="img/6.png" alt="">
                  <img class="hideImg3" src="img/7.png" alt="">
               </div>
             </div> 
           </div>
          
           <div class="btn">
             
                Copyright © 2014-2018 egret.com 京网文[2014]0791-191号 京ICP备14025619号-2 京ICP证150115号 京公网安备11010502027089
              
           </div>
          </div>
         </footer>


</body>
</html>